import styled from "styled-components"

import { WrapperSider } from "../../index.styled"

export const WrapperFixedSider = styled(WrapperSider)`
	box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);
	z-index: 11;
	// height: calc(100vh - theme.header.height)
	height: 100vh;
	/* overflow-y: auto; */

	.ant-menu .ant-menu-item .ant-menu-item-icon + span {
		margin-inline-start: 0;
	}
	.ant-menu-item {
		display: flex;
		flex-direction: column;
		height: 60px !important;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.text-container {
		text-align: center;
	}

	.ant-menu-title-content {
		width: 74px;
	}
`
